<template>
	<view>
		<button type="primary" @click="down">下载</button>
		<view ref="targetDom" id="targetDom">
			<view class="page">
				<view>这是很长很长的一段文字这是很长很长的一段文字这是很长很长的一段文字这是很长很长的一段文字这是很长很长的一段文字这是很长很长的一段文字这是很长很长的一段文字</view>
				<view>文字文字</view>
				<view>文字文字</view>
				<view style="text-align:center;color:red">文字文字</view>
				<view>文字文字</view>
				<view>文字文字</view>
				<view>文字文字</view>
				<view>文字文字</view>
				<view>文字文字</view>
				<view>文字文字</view>
				<view>文字文字</view>
				<view>文字文字</view>
				<view>文字文字</view>
				<view>文字文字</view>
				<view>文字文字</view>
				<view>文字文字</view>
				<view>文字文字</view>
				<view>文字文字</view>
				<view>文字文字</view>
				<view>文字文字</view>
				<view>文字文字</view>
				<view>文字文字</view>
				<view>文字文字</view>
				<view>文字文字</view>
				<view>文字文字</view>
			</view>
			<view class="page">第二页</view>
			<view class="page">第三页</view>
			<view class="page">第四页</view>
			<view class="page">第五页</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				title: ''
			}
		},
		onLoad() {

		},
		methods: {
			down() {
				// let target = this.$refs.targetDom
				let target = document.querySelector('#targetDom')	//ID获取节点对象
				this.$createPdf(target, '文件名')
			}
		}
	}
</script>

<style lang="scss" scoped>
	
</style>
